<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>01_新增的表单控件属性</title>
  </head>

  <body>
    <form action="">
      账号：<input
        type="text"
        name="account"
        required
        placeholder="请输入账号"
        autofocus
        autocomplete="on"
        pattern="\w{6}"
      />
      <br />
      密码：<input
        type="password"
        name="password"
        required
        placeholder="请输入账号"
      />
      <br />
      性别：
      <input type="radio" name="sex" value="male" required />男
      <input type="radio" name="sex" value="female" />女
      <br />
      爱好：
      <input type="checkbox" name="study" value="study" required />学习
      <input type="checkbox" name="travel" value="study" />旅游
      <input type="checkbox" name="basketball" value="study" />打篮球
      <br />
      其它：
      <textarea name="other" required></textarea>
      <br />
      <button>提交</button>
    </form>
  </body>
</html>
